<%
//用户
var user = shiro.getUser();
layout("/inc/layout.html",{
title:"密码修改",
keywords:"密码修改",
description:"密码修改",
style:'user.css'
}){
%>
<div class="container ">
  <!--用户面板-->
    <% include("/inc/user_panel.html"){} %>
       <!--快捷键-->
    <div class="row mt15 text-center">
        <% include("/inc/user_menu.html"){} %>
        <div class="col-sm-10">
        <div class="panel panel-default">
            <div class="panel-body">
                <h4 class="text-success text-center mb30" id="messageCode"></h4>
                <form class="form-horizontal col-sm-offset-3 col-sm-6" id="passwordForm" method="post">
                    <div class="form-group">
                        <label for="phone" class="col-sm-3 control-label">手机号码</label>
                        <div class="col-sm-9">
                            <input type="hidden" class="form-control" id="phone" name="phone" value="${user.phone!}" required="required">
                            <div class="form-control" readonly="readonly">${user.phone!}</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="code" class="col-sm-3 control-label">验证码</label>
                        <div class="row col-sm-9">
                        <span class="col-xs-6">
                              <input type="number" class="form-control" id="code" name="code" placeholder="手机验证码">
                        </span>
                        <span class="col-xs-6 pull-left">
                            <button class="btn btn-success btn-block" id="getCode" type="button">获取验证码</button>
                        </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="password" class="col-sm-3 control-label">密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="password" name="password" placeholder="输入密码" required="required">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="confirmPassword" class="col-sm-3 control-label">确认密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="confirmPassword" name="confirmPassword" placeholder="再次输入密码" required="required">
                        </div>
                    </div>

                    <hr/>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-8">
                            <button type="button" class="btn btn-success btn-lg btn-block" id="doSubmit">&nbsp;提交&nbsp;</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<% } %>
    <script>
        require(['modules/user_info','common/jquery.cookie.min'], function (userInfo) {
            userInfo.password();
        });
</script>
</body>
</html>